<template>
  <div class="paddingBox-container border-box">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'paddingBox',
  data() {
    return {};
  }
};
</script>
<style lang="scss" scoped>
.paddingBox-container {
  padding: 24px;
  background: #021c2e;
}
.paddingBox-container ::v-deep .ant-select-selection {
  background: #002463;
  border: 1px solid #1666f0;
  color: #fff;
}

.paddingBox-container ::v-deep .ant-input {
  background: #002463;
  border: 1px solid #1666f0;
  color: #fff;
}
.paddingBox-container ::v-deep .ant-table-tbody tr:nth-child(2n) {
  background-color: #002463;
  color: #fff;
}
.paddingBox-container ::v-deep .ant-table-tbody tr:nth-child(2n-1) {
  background-color: rgba(2, 28, 46, 1);
  color: #fff;
}
.paddingBox-container ::v-deep .ant-table-thead > tr > th {
  background-color: #002463 !important;
  color: #fff;
}
.paddingBox-container ::v-deep .ant-table-tbody > tr > td {
  border-bottom: none;
}
.paddingBox-container ::v-deep .ant-table-tbody > tr.ant-table-row:hover > td {
  background: none !important;
}
.paddingBox-container ::v-deep .ant-pagination-total-text {
  color: #fff;
}
.paddingBox-container ::v-deep .ant-pagination-options-quick-jumper {
  color: #fff;
}
.paddingBox-container ::v-deep .ant-table-header {
  background: none !important;
}
.paddingBox-container ::v-deep .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  background: none !important;
}

.paddingBox-container ::v-deep .ant-input-suffix {
  color: #fff;
}
.paddingBox-container ::v-deep .ant-input-password-icon {
  color: #fff !important;
}

.paddingBox-container ::v-deep .anticon-down {
  color: #fff;
}
</style>
